<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script src="./js/jquery.js"></script>
    <script>
        const pianoKeys = [
            'A0', 'A#0/Bb0', 'B0',
            'C1', 'C#1/Db1', 'D1', 'D#1/Eb1', 'E1', 'F1', 'F#1/Gb1', 'G1', 'G#1/Ab1',
            'A1', 'A#1/Bb1', 'B1',
            'C2', 'C#2/Db2', 'D2', 'D#2/Eb2', 'E2', 'F2', 'F#2/Gb2', 'G2', 'G#2/Ab2',
            'A2', 'A#2/Bb2', 'B2',
            'C3', 'C#3/Db3', 'D3', 'D#3/Eb3', 'E3', 'F3', 'F#3/Gb3', 'G3', 'G#3/Ab3',
            'A3', 'A#3/Bb3', 'B3',
            'C4', 'C#4/Db4', 'D4', 'D#4/Eb4', 'E4', 'F4', 'F#4/Gb4', 'G4', 'G#4/Ab4',
            'A4', 'A#4/Bb4', 'B4',
            'C5', 'C#5/Db5', 'D5', 'D#5/Eb5', 'E5', 'F5', 'F#5/Gb5', 'G5', 'G#5/Ab5',
            'A5', 'A#5/Bb5', 'B5',
            'C6', 'C#6/Db6', 'D6', 'D#6/Eb6', 'E6', 'F6', 'F#6/Gb6', 'G6', 'G#6/Ab6',
            'A6', 'A#6/Bb6', 'B6',
            'C7', 'C#7/Db7', 'D7', 'D#7/Eb7', 'E7', 'F7', 'F#7/Gb7', 'G7', 'G#7/Ab7',
            'A7', 'A#7/Bb7', 'B7',
            'C8'
        ]
        //jquery项目如果我给钢琴键盘设置了一个数组，数组记录了琴键上的每一个音名
        //如果用jquery，写三个下拉菜单，
        //第一个：下拉菜单是12个调式的名称，
        //第二个：下拉菜单是和弦的分类（三和弦、七和弦一直到十三和弦），
        //第三个：下拉菜单是具体再某一个和弦分类下和弦的名称，并且他们三个都是带有联动关系的，
        //选择最后一个下拉菜单后，页面显示出当前和弦的组成音，你可以做出来吗？你先说说思路
        
    </script>
</body>

</html>